<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>index</title>
</head>
<link rel="stylesheet" href="/css/zby.css">
<script type="text/javascript" src="/js/jquery-3.6.0.js"></script>
<script type="text/javascript" src="/js/zby.js"></script>
<body class="body">


<div style="width: 1525px;height: 720px;position: absolute;background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;background-image: url(/static/img/home.jpg)">
    <div class="head">
        <div class="content">
            <div class="login" >
                <a href="/login/toLogin" target="_blank" id="login">
                    <img src="static/img/arrow.jpg" id="img">
                    <p id="p">登录我的图书馆</p>
                </a>

            </div>
            <div class="navigation">
                <ul>
                    <a onclick="userSpace()" target="_blank">
                        <li>个人中心</li>
                    </a>
                    <a href="/adminLogin" target="_blank">
                        <li style="border-right: none"> 管理员中心</li>
                    </a>
                </ul>
            </div>
        </div>
    </div>

    <div style="width: 1523px;border-top: 1px solid #FFFFFF;"></div>

    <div class="search">
        <input id="detail" name="detail" placeholder="输入搜索内容">
        <button onclick="search()">
            <img src="static/img/search.jpg">搜索
        </button>
        <select id="select">
            <option selected>全部</option>
            <option>ISBN</option>
            <option>书名</option>
            <option>作者</option>
            <option>出版社</option>
            <option>主要内容</option>
            <option>主题</option>
        </select>
    </div>

</div>

</body>
</html>


<script>

$(document).ready(function (){
    var id = getCookie();
    if(id!="") {
        $("#login").removeAttr("href");
        $("#p").html("你好读者");
        $("#img").css("margin-left","30px");
    }
})

</script>